body{
    width: 960px;
    margin: auto;

}
/*把所有a标签去掉下划线*/
a{
    text-decoration: none;
}
/*从头部开始写*/
header{
    background-color: #f8fdfc;
    width: 100%;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
/*有道云笔记logo*/
header>div{
    width: 160px;
    text-align: right;
    background-image: url("youdao/logo_login[1].png");
    background-repeat: no-repeat;
    /*background-size: 45px 45px;*/
    background-size: contain;
}
header>div>h2{
    font-size: 22px;
}
header>div>p{
    font-size: 3px;
}
/*logo右边的导航部分*/
header>ul{
    display: flex;
    width: 400px;
    justify-content: space-between;
    font-size: 16px;
    font-weight: bolder;
}
header>ul>li>a{
    color: #5b5e5e;
}
header>nav>a{
    color: #adb6b6;
}
/*导航下面的附加大图*/
body>aside{
    height: 476px;
    background-image: url("youdao/hd[1].jpg");
    background-size: 100%;
}
/*正文部分*/
article{
    display: flex;
    justify-content: center;

}
/*文章部分的整体大小设置*/
article>section>div{
    display: flex;
    height:140px;
    align-items: center;
}
article>section>div>img{
    width: 210px;
    height: 140px;
}
/*右边导航图片的大小设置*/
article>nav>div>img{
    width: 244px;
    height: 140px;
}
/*文章部分的字体大小*/
article>section>div>div>h2{
    font-size: 25px;
    margin-bottom: 5px ;
    font-weight: lighter;
}
article>section>div>div>article{
    font-size: 14px;
}
/*文章部分的左右间距*/
article>nav{
    margin-left:20px;
}
article>section>div:nth-child(3)>img{
    margin-top:35px;
}
/*右边的图片导航*/
article>nav>div{
    margin: 10px 0px;
}
.logo>div{
    width:244px;
    display: flex;
    justify-content: space-around;
    margin: 30px 0px;
}
.logo>h4{
    display: block;
    background-color: #ecf7fc;
    height: 30px;
    width:244px;
    line-height: 30px;
    text-indent: 10px;
}
.logo p{
    font-size: 10px;
}
.article>div{
    display: flex;
    justify-content: space-around;
}
footer{
    display: flex;
    background-color: #00bfe5;
}